<link rel="stylesheet" href="<%- Virtual_Path.Static %>main/css/lib/bootstrap/css//bootstrap.min.css"/>
<link rel="stylesheet" href="<%- Virtual_Path.Static %>main/css/lib/bootstrap/css/bootstrap-theme.min.css"/>
<link rel="stylesheet" href="<%- Virtual_Path.Static %>main/css/entry-apply.css"/>

<div class="xiu-container">
    <div class="apply-wrap" id="j-yr-apply">
        <h1 class="app-tit">艺人申请入驻</h1>
        <!--进度步骤导航-->
        <div class="apply-step clearfix">
            <ul class="progress-step-nav">
                <li><a href="javascript:;"><i>1</i>个人资料</a></li>
                <li><a href="javascript:;"><i>2</i>财务信息</a></li>
                <li class="active"><a href="javascript:;"><i>3</i>封面照片</a></li>
                <li><a href="javascript:;"><i>4</i>完成</a></li>
            </ul>
        </div>

        <!-- 进度步骤-->
        <div class="progress-step-cont">
            <div class="step-cont-outer">
                <div class="step-cont-inner">
                    <div class="step-cont-mod step-3">
                        <form class="form-horizontal">
                            <div class="form-group">
                                <div class="col-xs-12 form-group">
                                    <div class="studio-tab j-studio-tab active" style="display: block;">
                                        <div class="pic-main" id="pic-main">
                                            <!--美图照片处理测试-->
                                            <script src="http://open.web.meitu.com/sources/xiuxiu.js"
                                                    type="text/javascript"></script>
                                            <script type="text/javascript">
                                                $(function () {
                                                    ////////////////////////////////////
                                                    //判断是否登录或者是否申请艺人或公会
                                                    ////////////////////////////////////
                                                    if (_StateData.IsAnchor) {
                                                        $.CommonMain.Modal_Tip('你已经申请了艺人，无需申请了', {
                                                            Timeout: 1000,
                                                            onClose: function () {
                                                                location.href = "/";
                                                            }
                                                        });
                                                    }
                                                    if (_PageData.flag == 2) {
                                                        $.CommonMain.Modal_Tip(_PageData.message, {
                                                            Timeout: 2000,
                                                            onClose: function () {
                                                                location.href = "/";
                                                            }
                                                        });
                                                    }
                                                })
                                                window.onload = function () {
                                                    /*第1个参数是加载编辑器div容器，第2个参数是编辑器类型，第3个参数是div容器宽，第4个参数是div容器高*/
                                                    xiuxiu.setLaunchVars("cropPresets", ["1:1"]);
                                                    xiuxiu.setLaunchVars("maxFinalWidth", 600);
                                                    xiuxiu.setLaunchVars("maxFinalHeight", 600);
                                                    xiuxiu.embedSWF("pic-main", 5, "700px", "440px");
                                                    xiuxiu.onBeforeUpload = function (data) {
                                                        if (data.size > 2 * 1024 * 1024) {
                                                            $.CommonMain.Modal_Tip('图片不能超过2M', {Timeout: 3000});
                                                            return false;
                                                        }
                                                        if (data.width < 400 && data.height < 400) {
                                                            $.CommonMain.Modal_Tip('图片的宽度和高度必须大于442像素*442像素', {Timeout: 2200});
                                                            return false;
                                                        }
                                                        return true;
                                                    }
                                                    xiuxiu.setUploadURL(_VirtualPath.Utils + "service/fileupload");
                                                    xiuxiu.setUploadType(2);
                                                    xiuxiu.setUploadDataFieldName("Filedata");
                                                    xiuxiu.onUploadResponse = function (data) {
                                                        data = $.parseJSON(data);
                                                        if (data.flag !== 0) {
                                                            $.KOC.Tips.Open("Error", "上传文件出错，请重试！", {Timeout: 1000});
                                                            return;
                                                        }
                                                        $.KOC.Loading.Open();
                                                        $.ajax({
                                                            url: '/ajax/base.user-photo.cover',
                                                            type: 'post',
                                                            dataType: 'json',
                                                            data: {
                                                                FileName: data.FileName
                                                            },
                                                            success: function (data) {
                                                                $.KOC.Loading.Close();
                                                                if (data.flag !== 0) {
                                                                    $.KOC.Tips.Open("Error", data.msg + "(" + data.flag + ")", {Timeout: 1000});
                                                                    return;
                                                                }
                                                                ////////////////////////////////////
                                                                //判断PageData
                                                                ////////////////////////////////////
                                                                if (!$.CommonMain.PageDataCheck()) {
                                                                    return;
                                                                }
                                                                $.ajax({
                                                                    url: '/ajax/business.user-anchorapply.stepthree',
                                                                    type: 'post',
                                                                    dataType: 'json',
                                                                    data: {},
                                                                    success: function (data) {
                                                                        if (data.flag !== 0) {
                                                                            $.KOC.Tips.Open("Error", data.msg + "(" + data.flag + ")", {Timeout: 2000});
                                                                            return;
                                                                        }
                                                                        $.KOC.Tips.Open('Success', '上传封面完成', {
                                                                            Timeout: 1000,
                                                                            onClose: function () {
                                                                                location.href = "/entry/anchor/step_4";
                                                                            }
                                                                        });
                                                                    }
                                                                });
                                                            }
                                                        });
                                                    }
                                                };
                                            </script>
                                        </div>
                                        <div class="pic-aside">
                                            <div class="pic-example">
                                                <ul class="clearfix">
                                                    <li>
                                                        <img src="<%- Virtual_Path.Static %>main/image/_temp/exmple/anchor/01.jpg">
                                                        <i class="right"></i>
                                                    </li>
                                                    <li>
                                                        <img src="<%- Virtual_Path.Static %>main/image/_temp/exmple/anchor/02.jpg">
                                                        <i class="wrong"></i>
                                                    </li>
                                                    <li>
                                                        <img src="<%- Virtual_Path.Static %>main/image/_temp/exmple/anchor/03.jpg">
                                                        <i class="wrong"></i>
                                                    </li>
                                                    <li>
                                                        <img src="<%- Virtual_Path.Static %>main/image/_temp/exmple/anchor/04.jpg">
                                                        <i class="wrong"></i>
                                                    </li>
                                                </ul>
                                            </div>
                                            <div class="pic-tips">
                                                <h3>通过规则：</h3>
                                                <p> 1、必须使用本人照片442*442（长/宽）以上，尽量使用高清照片。
                                                    <br> 2、照片中人物至少上半身二分之一以上入镜。
                                                    <br> 3、背景尽量唯美或简洁，突出人物面部，人物居中最佳。
                                                    <br> 4、不要拼接照片。
                                                    <br> 5、尽量使用化妆上镜照，注意远近景适中。
                                                    <br> 6、上传照片要填满上传框，四边不允许出现白边和黑边。
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!--<div class="col-xs-8 form-group">-->
                                <!--<div class="col-sm-offset-2 col-sm-10">-->
                                <!--<button type="button" class="btn btn-primary" id="step-s31">上一步</button>-->
                                <!--<button type="button" class="btn btn-default" id="step-s32">完成</button>-->
                                <!--</div>-->
                                <!--</div>-->
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>